<template>
  <div>
    <div class="dialog_wrap" id="dialog_ts_type" :style="'display: ' + $store.state.jsblock + ';'">
      <div class="ruxuebaoming_main" style="height: 320px">
        <p class="title">
          请选择特色类型<span
            class="floatright login_load_close"
            @click="dialogHide()"
            >X</span
          >
        </p>
        <div class="main" style="padding: 20px 20px">
          <div class="area_wrap">
            <p class="area_title">特色类型</p>
            <a
              href="#"
              onclick="tese('tiyu')"
              style="position: relative; height: 50px"
              >体育
              <!--                 <em style="position: absolute;bottom: 0;line-height: 19px;font-size: 10px;left: 3px;">报名时间:5月13-16日</em> -->
            </a>
            <a
              href="#"
              onclick="tese('yishu')"
              class="ml15"
              style="position: relative; height: 50px"
              >艺术
              <!--                 <em style="position: absolute;bottom: 0;line-height: 19px;font-size: 10px;left: 3px;">报名时间:5月13-16日</em> -->
            </a>
            <a
              href="#"
              onclick="tese('waiyu')"
              class="ml15"
              style="position: relative; height: 50px"
              >外国语
              <!--                 <em style="position: absolute;bottom: 0;line-height: 19px;font-size: 10px;left: 3px;">报名时间:5月13-16日</em> -->
            </a>
          </div>
          <p class="area_title" style="font-size: 13px; color: red"></p>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "JuniorSpecial",

  data() {
    return {};
  },

  mounted() {},

  methods: {
    dialogHide() {
      this.$store.commit("updateJS", "none");
    },
  },
};
</script>

<style scoped>
</style>